<template>
   <!-- 面包屑 -->
      <XtxBread v-if="goodsData.categories">
        <XtxBreadItem to="/">首页</XtxBreadItem>
        <XtxBreadItem :to="'/category/'+goodsData.categories[0].id">{{goodsData.categories[0].name}}</XtxBreadItem>
        <XtxBreadItem :to="'/category/sub/'+goodsData.categories[1].id">{{goodsData.categories[1].name}}</XtxBreadItem>
        <XtxBreadItem to="/">{{goodsData.name}}</XtxBreadItem>
      </XtxBread>
</template>
<script>

export default {
  props: {
    goodsData: {
      type: Object,
      default: () => ({})
    }
  }
}
</script>
